Typography
Open Sans
The Type face that is used in this website is Open Sans because it is attractive and legible where everyone can read and understands content irrespective of the age group.
Example:- for 48px
Whereas a common understanding of these rights and freedoms is
See the Pen Untitled by narendra (@narendrachn) on CodePen.
h1-h6
H1 for Primary purpose.
H2 for Sub headings.
H3 for Table headings and Image headings.
H4 for figure caption and for table elements.
Roboto
The Type face that is used in this website is Roboto because it is going to use at headings and for importent text in the page.
Example:- for 48px
Whereas a common understanding of these rights and freedoms is
See the Pen CodePen's 2019 by narendra (@narendrachn) on CodePen.
h1-h6
H1 for Primary purpose.
H2 for Sub headings.
H3 for Table headings and Image headings.
H4 for figure caption and for table elements.
Poppins
The Type face that is used in this website is Poppins because it is going to use at Announcements text in the page. That highlights this text as some notable Text.
Example:- for 48px
Whereas a common understanding of these rights and freedoms is
See the Pen Untitled by narendra (@narendrachn) on CodePen.
h1-h6
H1 for Primary purpose.
H2 for Sub headings.
H3 for Table headings and Image headings.
H4 for figure caption and for table elements.
| Typography Elements/ Properties | |||
|---|---|---|---|
| Font Family | Open Sans | Roboto | Poppins |
| Font Size | 20px | 20px | 20px |
| Font Weight | 300, 400 | 300, 400 | 100, 400 |
| Line Height | 5px | 5px | 5px |
| Colour | Black | Black, Gray | Black, Gray |
| Text Ailgnment | Left | Left | Left |
| Text Decoration | None | None | None |
| P | 15px Size | 15px Size | 15px Size |
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quod consequuntur rem odit voluptas sequi sunt mollitia, autem nisi, magni officiis minima hic fuga architecto porro, earum velit deleniti quasi excepturi.